import React from 'react';

const Footer = () => {
  const currentYear = new Date().getFullYear();

  return (
    <footer className="bg-gray-50 py-4 text-xs text-gray-500">
      <div className="container mx-auto px-6">
        <div className="flex flex-col items-center justify-center space-y-2">
          <div className="flex items-center space-x-2">
            <img 
              src="//www.beian.gov.cn/img/new/gongan.png" 
              alt="京公网安备"
              className="h-3"
            />
            <a 
              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502055536" 
              target="_blank" 
              rel="noopener noreferrer"
              className="hover:text-blue-600"
            >
              京公网安备11010502055536号
            </a>
          </div>
          <div className="flex items-center space-x-2">
            <a 
              href="https://beian.miit.gov.cn" 
              target="_blank" 
              rel="noopener noreferrer"
              className="hover:text-blue-600"
            >
              京ICP备13030707号-6
            </a>
          </div>
          <div>
            © {currentYear} • 北京爱琴海乐之技术有限公司 联系邮箱：<a href="mailto:support@inoteexpress.com?subject=FlyLaTeX用户反馈" className="hover:text-blue-600">support@inoteexpress.com</a>
          </div>
        </div>
      </div>
    </footer>
  );
};

export default Footer;